@layer widget{:has(>.widget-promo-teaser){container-type:inline-size}.widget-promo-teaser{aspect-ratio:3.2;display:block;padding:35px;position:relative}.widget-promo-teaser h2,.widget-promo-teaser p{text-shadow:0 0 6px #000}.widget-promo-teaser .image{top:0;right:0;bottom:0;left:0;position:absolute}:is(.widget-promo-teaser .image) .upper-overlay{background:linear-gradient(180deg,#000000e6,#000000d9 11.36%,#000000ca 21.57%,#000000ba 30.81%,#000000a9 39.26%,#00000098 47.09%,#0008 54.5%,#00000078 61.66%,#0000006a 68.74%,#0000005e 75.94%,#0005 83.43%,#0000004f 91.39%,#0000004d);block-size:50%;inline-size:100%;inset-inline:0;position:absolute;top:0}:is(.widget-promo-teaser .image) .lower-overlay{background:linear-gradient(0deg,#000000e6,#000000d9 11.36%,#000000ca 21.57%,#000000ba 30.81%,#000000a9 39.26%,#00000098 47.09%,#0008 54.5%,#00000078 61.66%,#0000006a 68.74%,#0000005e 75.94%,#0005 83.43%,#0000004f 91.39%,#0000004d);block-size:50%;inline-size:100%;inset-inline:0;bottom:0;position:absolute}.widget-promo-teaser .details{block-size:100%;color:var(--ct-color);display:flex;flex-direction:column;justify-content:space-between;position:relative}:is(.widget-promo-teaser .details) .content{display:flex;flex-direction:column;gap:10px}:is(:is(:is(.widget-promo-teaser .details) .content) header) h2{margin-block-end:0}:is(.widget-promo-teaser .details) p{align-items:center;color:var(--ct-color);display:flex;font-size:var(--font-size-small);gap:7.5px;margin-block-end:0}:is(:is(.widget-promo-teaser .details) p) svg{block-size:16px}:is(.widget-promo-teaser .details) footer{align-items:center;display:flex;gap:20px}.widget-promo-teaser .click-area{cursor:pointer;top:0;right:0;bottom:0;left:0;position:absolute}@container (max-width: 800px){.widget-promo-teaser{aspect-ratio:1.778}}@container (max-width: 580px){.widget-promo-teaser{aspect-ratio:1.5}}@container (max-width: 470px){.widget-promo-teaser{aspect-ratio:1}:is(:is(:is(.widget-promo-teaser .details) .content) header) h2{font-size:var(--font-size-2)}:is(.widget-promo-teaser .details) footer{align-items:start;flex-direction:column-reverse;gap:5px}:is(:is(.widget-promo-teaser .details) footer) .button{margin-block-start:10px}}}